<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,target-densitydpi=device-dpi,user-scalable=no" />
    <title></title>
    <script src="../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../iconfont/iconfont.js" ></script>
    <script type="text/javascript" src="../../js/jquery-3.1.1.min.js" ></script>
    <link rel="stylesheet" href="../../css/index.css" />
    <link href="../../css/mui.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
      	document.addEventListener('plusready', function() {
			plus.navigator.setStatusBarBackground("#2B7DC4");
			plus.navigator.setStatusBarStyle("light");
		}, false);
    </script>
</head>
<body style="background: #fff;">
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<span class="mui-title">个人中心</span>
	</header>
	<div class="mui-content" style="background: #fff;">
		<!--个人中心-->
		<div class="userHead">
			<div class="uhPic"><img src="../../img/hd.jpg"></div>
		</div>
		<div class="userMenu">
			<div class="uNameBox">
				<span class="nameTip">尊敬的用户您好</span>
				<span class="uName">当前账号：administer</span>
				<span class="uDate">上次登录：2018年1月31日17:06:19</span>
			</div>
			<a class="uMenu uInfo"><i class="iconfont icon-jibenxinxi"></i> 基本信息</a>
			<a class="uMenu task"><i class="iconfont icon-renwu"></i> 我的任务</a>
			<a class="uMenu patro"><i class="iconfont icon-daoluxuncha"></i> 我的巡查</a>
			<a class="uMenu cMima"><i class="iconfont icon-mima"></i> 修改密码</a>
			<a class="uMenu out"><i class="iconfont icon-exit"></i> 退出登录</a>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">
	var hpHeight=$(".uhPic").width();
	var hdHeight=$(".uhPic img").width();
	$(".uhPic").css("height",hpHeight+"px");
	$(".uhPic").css("bottom",-hpHeight/2+"px");
	$(".uhPic img").css("height",hdHeight+"px");
	$(".userMenu").css("margin-top",hpHeight/2+20+"px");
	
	//打开基本信息
	mui("body").on('tap','.uMenu.uInfo',function(){
	    mui.openWindow({
	        url:'userInfo.html',
	        id:'userInfo.html',
	        show:{
		      autoShow:true,//页面loaded事件发生后自动显示，默认为true
		      aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
		      duration:"200"//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		    }
	    });
	})
	//我的任务
	mui("body").on('tap','.uMenu.task',function(){
	    mui.openWindow({
	        url:'taskList.html',
	        id:'taskList.html',
	        show:{
		      autoShow:true,//页面loaded事件发生后自动显示，默认为true
		      aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
		      duration:"200"//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		    }
	    });
	})
	//打开密码修改
	mui("body").on('tap','.uMenu.cMima',function(){
	    mui.openWindow({
	        url:'changePwd.html',
	        id:'changePwd.html',
	        show:{
		      autoShow:true,//页面loaded事件发生后自动显示，默认为true
		      aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
		      duration:"200"//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		    }
	    });
	})
	//退出登录
	mui("body").on('tap','.uMenu.out',function(){
	    mui.openWindow({
	        url:'../login/login.html',
	        id:'login.html',
	        show:{
		      autoShow:true,//页面loaded事件发生后自动显示，默认为true
		      aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
		      duration:"200"//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		    }
	    });
	})
	//我的巡查
	mui("body").on('tap','.uMenu.patro',function(){
	    mui.openWindow({
	        url:'patrolList.html',
	        id:'patrolList.html',
	        show:{
		      autoShow:true,//页面loaded事件发生后自动显示，默认为true
		      aniShow:"slide-in-right",//页面显示动画，默认为”slide-in-right“；
		      duration:"200"//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
		    }
	    });
	})
	
	
</script>